<script setup lang='ts'>
import { useRouter } from 'vue-router';

const router = useRouter() // use放在最顶层
const login = () => {
    // router.push("/home") // 直接跳转路径
    // router.push({
    //     path: '/home', // path: /home/传递的参数

    //     // query: {
    //     //     a: 1,
    //     //     b: 2
    //     // },
    // })
    // router.replace('/home') // push 往历史记录添加一条
    // replace 替换当前的历史记录
    router.push({
        name: 'home',
        params: {
            id: '456'
        }
    })
}

</script>

<template>
    <div>
        <h1>登录页面</h1>
        <button @click="login">登录</button>
    </div>
</template>

<style scoped></style>